.w {
    width: 990px;
    margin: 0 auto;
}
.header {
    width: 100%;
    height: 30px;
    background: #434343;
    >.con {
        position: relative;
        height: 30px;
        >div {
            float: left;
            &:first-child {
                font: 12px/30px "微软雅黑";
                a {
                    color: #999999;
                }
                span {
                    color: #999999 !important;
                }
            }          
        }
    }
}
$border:1px solid #cccccc;
#map {
    position: relative;
    z-index: 5;
    border: 1px solid transparent;
    &:hover {
        background: #fff;
        border: {
            top: $border;
            right: $border;
            left: $border
        }
    }
    padding: 0 25px 0 10px;
    font: 12px/30px "微软雅黑";
    a {
        color: #999999;
    }
    span {
        color: #999999 !important;
    }
}
$padding1:0 8px;
$padding2:0px 25px 0px 8px;
$padding3:0px 72px 0px 8px;
$colorArr:(1,$padding3),(3,$padding1),(5,$padding2),(7,$padding1),(9,$padding1),(11,$padding2),(13,$padding2),(15,$padding1);
@each $num,$padding in $colorArr {
    #fr {
        float: right;
        li {
            position: relative;
            float: left;
            font-size: 12px;
            margin: 6px 0;
            color: #ccc;
            &:nth-child(#{$num}){
                margin: 0;
                padding: $padding;
                float: left;
            }
            a {
                display: block;
                position: relative;
                color: #999999;
                font: 12px/30px "微软雅黑";
                span {
                    position: absolute;
                    right: -20px;
                    top: center;
                }
                &:hover {
                   color: red; 
                }
            }            
        }      
    }
    
}
#map1 {
    display: none;
    position: absolute;
    z-index: 2;
    left: 48px;
    top: 29px;
    padding: 10px 20px;
    width: 300px;
    background: #fff;
    border: 1px solid #ccc;
    &:nth-child(2) {
        margin: 40px 0;
    }
        >div ul {
        float: left;
        li{ 
            list-style: none; 
            float: left; 
            font-size: 12px; 
            color: #999999;
            width: 60px;
            height: 30px;
            a {
                color: #999999;
            }
         } 
        } 
}
.ser {
    position: relative;
    #logo {
        position: relative;
        z-index: 1;
        width: 277px;
        padding-top: 15px; 
    }
    #ser {
         position: absolute;
        top: 30px;
        right: 0;
        // width: 300px;
        // height: 24px;
        >input {
            float: left;
        }
        #ipt {       
        box-sizing: border-box;
        padding: 3px 5px;
        width: 270px;
        height: 24px;
        border: 1px solid #c91632;
        outline: none;
        }
        #btn {
            width: 48px;
            height: 24px;
            background: #c91632;
            color: #fff;
            outline: none;
            border: none;
        }
    }
   
}
.tab {
    border: {
        top: 1px solid transparent;
        bottom: 1px solid transparent;
    }
    // background: #c91632;
    #message {
        width: 100%;
        height: 98px;
        margin: {
            top: 90px;
            bottom: 110px;
        }
        padding: {
            left: 340px;
        }
        background: url(../image_login/4.png) no-repeat ;
        background-position-x: 260px;
        background-position-y: 20px;
        ul {  
            padding: {
                top: 20px;
            }         
            li {
                font-size: 14px;
                color: #333333;
                a {
                    font-size: 12px;
                    color: #005ea7;
                }
            }
        }
    }
    table {
        img{
            width: 80px;
            height: 80px;
        }
        td {
            // width: 30px;
            padding: 0 20px;
            button,input {
                float: left;
                outline: none;
            }
            input {
                width: 20px;
                font-size: 12px;
            }
        }
    }
}
.product {
    height: 360px;
    // background: pink;
    #selTab {
        margin: {
            bottom: 10px;
        }
        width: 100%;
        height: 24px;
        // background: pink;
        >li {
            float: left;
            font: 12px/24px "微软雅黑";
            margin: {
                right: 35px;
               }
            &:hover,&:first-child {
                color: #e2231a;
                border: {
                    bottom: 1px solid #e2231a;
                }
            }             
        }
        #sDots {
        float: right;
        >li {
            float: left;            
            margin: {
                top: 6px;
            }          
            a {
            display: block;
            width: 10px;
            height: 10px;
            border-radius: 5px; 
            background: #999999;
            margin: {
                left: 8px;
            }
         }
        }
      }
    }
    #pro {
        width: 100%;
        height: 308px;
        // background: pink;
        overflow: hidden;
        >div {
            float: left;
            box-sizing: border-box;
            padding: 20px;
            margin: {
                right: -1px;
            }
            border: 1px dashed #666;
            width: 248px;
            height: 308px;
            text-align: center;
            >img {
                width: 160px;
                height: 160px;
                cursor: pointer;
            }
            >p {
                margin: 5px 0;
                font-size: 12px;
                color: #333333;
            }
            >i {
                display: block;
                width: 100%;
                color: #c91632;
                text-align: center;
                font-size: 14px;
            }
            >div {
                margin: {
                    left: 38px;
                }
                width: 126px;
                height: 30px;
                border: 1px solid #333;
                text-align: center;
                line-height: 30px;
                font-size: 12px;
                a{
                    color: #333;
                }
            }
        }
    }
}
.slo {
    width: 100%;
    height: 102px;
    background: #434343;
    .con {
        height: 102px;       
        border: {
            top: 1px solid transparent;
        }
        ol {
            margin: {
                top: 30px;
                left: 55px;
            }
            background: pink;
            li {
                float: left;
                width: 224px;
                height: 42px;
                font: 18px/42px "微软雅黑";
                font-weight: 700;
                text-indent: 46px;
                background: url(../image_login/6.png) no-repeat;
                &:nth-child(2) {
                    background-position-y: -44px;
                }
                &:nth-child(3) {
                    background-position-y: -86px;
                }
                &:nth-child(4) {
                    background-position-y: -130px;
                }
            }            
        }
    }
}  

.wrap {
    height: 200px;
    // background: pink;
    overflow: hidden;
    >div {
        width: 3000px;
        padding: {
            top: 30px;
            left: 55px;
        }
        dl {
            float: left;  
            dt {
                width: 206px;
                height: 28px;
                padding: {
                    bottom: 6px;
                }
                font-size: 14px;
                color: #777777;
            } 
            dd {
                width: 206px;
                height: 22px;
                font: 12px/22px "微软雅黑";
                a {
                    color: #666666; 
                }              
            }    
        }
    }
}

.stick {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    li{
        &:first-child {
            a{
               background: #c91432; 
            }
            
        }
        &:nth-child(2),&:nth-child(3){
            text-align: center;
            line-height: 32px;
            position: relative;
        } 
        list-style: none;
        a {
        position: relative;           
        display: block;
        width: 31px;
        height: 32px;
        background: #7e6e6e;
        font-size: 12px;
        color: #fff;
        padding: {
            top: 3px;
            left: 4px;
            bottom: 4px;
            }
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px;
        &:hover {
            background: #c91432;
        }
        span {
            position: relative;
            z-index: 9;
        }
        }
    }   
}
.stick1 {
    position: fixed;
    right: 0;
    bottom: 0;
    li {
        list-style: none;
        a {
            position: relative;
            display: block;
            width: 31px;
            height: 32px;
            background: #7e6e6e;
            text-align: center;
            line-height: 32px;
            color: #fff;
            padding: {
                top: 3px;
                left: 4px;
                bottom: 4px;
                }
            border-top-left-radius: 2px;
            border-bottom-left-radius: 2px;
            span {
                font-size: 20px !important;
            }
        } 
    }
}
#a,#b,#c,#d,#e {
    position: absolute;
    right: -85px;
    top: 0;
    width: 85px;
    height: 39px;
    background: #c91432;
    font-size: 12px;
    text-align: left;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
